<p id="ach" class="header_title">Achievements</p>
<div id="achievements">
    <div class="flipper">
        <div class="flip">
            <div>
                <p>Title of the Event</p>
                <img src="http://i.telegraph.co.uk/multimedia/archive/02371/karen-ann-jones_2371086k.jpg" alt="Smiley face">
                <p>This area is for the description...
                </p>
            </div>
            <div class="back">
                <p>
                    Details of the event...@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
                    @@@@@@@@@@@@@@@@@
                </p>
            </div>
        </div>
    </div>   
    <div class="flipper">
    <div class="flip">
            <div>
                <p>Title of the Event</p>
                <img src="http://images.nationalgeographic.com/wpf/media-live/photos/000/411/cache/northern-lights-picture-aurora-borealis-september-2011-yukon_41173_600x450.jpg" alt="Smiley face">
                <p>This area is for the description...</p>
            </div>
            <div class="back">
                <p>Details of the event...</p>
            </div>
        </div>
    </div>
    <div class="flipper">
        <div class="flip">
            <div>
                <p>Title of the Event</p>
                <img src="http://images.nationalgeographic.com/wpf/media-live/photos/000/411/cache/northern-lights-picture-aurora-borealis-september-2011-yukon_41173_600x450.jpg" alt="Smiley face">
                <p>This area is for the description...</p>
            </div>
            <div class="back">
                <p>Details of the event...</p>
            </div>
        </div>
    </div>
    <div class="flipper">
        <div class="flip">
            <div>
                <p>Title of the Event</p>
                <img src="http://images.nationalgeographic.com/wpf/media-live/photos/000/411/cache/northern-lights-picture-aurora-borealis-september-2011-yukon_41173_600x450.jpg" alt="Smiley face">
                <p>This area is for the description...</p>
            </div>
            <div class="back">
                <p>Details of the event...</p>
            </div>
        </div>
    </div>
    <div class="balancer"></div>;
</div>